<template>
  <!-- container为bootstrap栅格布局类 -->
<el-carousel indicator-position="outside" height="33rem">
<el-carousel-item v-for="(i) in 3" :key="i">
  <row  :one="i" :tow="index" v-for="(item,index) of 4" :key="index"></row>
</el-carousel-item>
</el-carousel>

</template>

<script>
import slideSong from '@/components/slideSong.vue'
import row from "./row.vue"
export default {
  components: {
    slideSong,
    row
  },

  
}
</script>

<style lang="scss" scoped>
.el-carousel{
  width: 32%;
}
.el-carousel__item{
  display: flex;
  flex-direction:column;
  justify-content:space-around;
}
.slideShowL{
  padding-left:3rem;
  display: flex;
  flex-direction:row;
  justify-content:space-around;
  height: 33rem;
  // border: 1px solid red;
  div{
    width: 50%;
    display: flex;
  }
}
</style>